<template>
  <div>
    <header class="bg-primary text-white">
      <NavBar />
    </header>
    
    <main>
      <slot />
    </main>
    
    <footer class="bg-dark text-white py-5 mt-5">
      <Footer />
    </footer>
  </div>
</template>

<script setup lang="ts">
import NavBar from '~/components/NavBar.vue'
import Footer from '~/components/Footer.vue'
</script>